html { overflow-y: scroll; }
body {  font-family: 'Lato', 'sans-serif'; line-height: 1.5;  @include rendering(); color: $base; background-color: $white}
.fixed { position: fixed; }
a, input, textarea, button { text-decoration: none; @include transition(); }
.hidden { display: none!important; visibility: hidden; }
.centered { float: none!important; margin: 0 auto; }
.textCenter { text-align: center; }
.textRight { text-align: right; }
.blue { color: $blue; }
.white { color:$white; }
.clearfix:after { display: table; float: none; clear: both; content:""; }
.transition { @include transition; }
.logTransition { @include longtransition }
.clr { clear: both; }

//typography and form elements
h1,h2,h3,h4,h5,h6 {font-family: 'Raleway', 'sans-serif'; margin: 0; color:$white;}
h2{font-size: em(36);line-height: 1.16667}
h3{font-size: em(36); line-height:1.16667;font-weight: 200;}
.lato{font-family: 'Lato', 'sans-serif';}
.homeHero{background:$blue url(img/seo-auditor-1_01.png) no-repeat;background-size: cover;background-position: 50% 50%;height: 100%;}
.right{float: right;}
.left {float: left;}
h1.heroTitle{margin-top:450px; @include lftMargin;}
.hero-excerpt{ @include lftMargin;}
.graph{background-color: $base;}
.graph img {right:0; bottom:0; }
h2.graphHead{margin-top:440px;@include lftMargin; }
.grayBG{background-color: $lightGray; height: 200px; display: block;}
.titleMargin{margin-top: 85px; color:#a7a7a7}
.whtDiv{background-color: $white}
.excerpt{margin-top:105px; background-color: $white;color:$base; border-bottom:solid 2px $lightBlue;}
.contactUs{background-color: $lightBlue}
h2.contact{margin-top: 200px;text-align: center}
.round-button {background: $lightBlue;color: white;padding: 20px;@include border-radius(5px); border:1px $white solid; text-align: center;}

